<!doctype html>
<html>
    <head>
        <title>Result</title>
        <link href="/static/style.css" type="text/css" rel="stylesheet" />
    </head>
    <body>
        <header>
            <nav>
                <a href="/">Try Again</a>
            </nav>
        </header>
        <section id="main">
            <p>you've finished!</p>
            {% if ranking %}
                {% for cand in ranking %}
                <div class="candidate">
                    <p>No.{{ loop.index }} {{ cand.split('.')[0] }}</p>
                    <img height="200" width="150" src="/static/avatars/{{ cand }}" alt="" />
                </div>
                {% endfor %}
            {% endif %}
        </section>
    </body>
</html>
